<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Proteus - Sistema de Alquiler de Canchas de Fulbito</title>   
<link type="text/css" href="calendario/css/jquery-ui.css" rel="stylesheet" />    
<link type="text/css" href="css/general.css" rel="stylesheet" />  
<link type="text/css" href="css/panelEmergente.css" rel="stylesheet" /> 



<script type="text/javascript">
     
    function sonCamposValidos(){

        var serv = document.getElementById("txtservicio");
        var desc = document.getElementById("txtdescripcionservicio");
        var costo = document.getElementById("txttarifaservicio");

        if (serv.value == "") {
            alert("Debe ingresar un servicio.");
            return false;
        }else if (desc.value == "") {
        	alert("Debe ingresar una descripción para el servicio.");
             return false;
        }else if (costo.value == ""){
            alert("Debe ingresar un costo para el servicio.");
            return false;
        }else{
            return true;
        }
  
    }
    
    
   </script>


</head>
<body>
<div id="wrapper">
    <!--  Cabecera -->
    <jsp:include page="libreria/cabecera.jsp" />
    <!-- fin cabecera -->
	
     <!-- inicio menú izquierdo -->
	<jsp:include page="libreria/menuIzq.jsp" />
    <!-- fin menú izquierdo -->
    
    <!-- contenido derecha -->
	<div id="content_container">
		<div class="content">
		
			<p class="item_top">Registrar Servicio Adicional</p>
            <br />
			<form id="frmformulario" name="frmformulario" method="post" action="RegistrarServicioServlet">
                <table width="540" border="0" cellpadding="0" cellspacing="0">
                        <td width="30%" height="30">
					<strong>Tipo de Servicio:</strong>
				</td>                       
                    	<td width="50%">
					<input name="txtservicio" type="text" id="txtservicio"/>
				</td>
                </tr>

                    <tr>
                      <td width="30%" height="30">
					<strong>Descripcion del Servicio:</strong>
			    </td>
                  <td width="50%">
 			    <textarea name="txtdescripcionservicio" type="text" id="txtdescripcionservicio" cols="40" rows="3"></textarea>
			</td>
                      <td width="79">&nbsp;</td>
                      <td width="204">&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="107" height="30"><strong>Tarifa del Servicio:</strong></td>
                    	<td>  <input name="txttarifaservicio"  type="text" id="txttarifaservicio"/> </td>
                    </tr>
			  <tr>
                        <td width="107" height="30">
					<input  type="submit" name="btnRegistrar" id="btnRegistrar" value="Registrar Servicio" class="boton" onclick="return sonCamposValidos();"/>
				</td>
                    </tr>            
                   </table>
	      </form>  
<p><font color="red">${MSG_ERROR}</font></p> 
        </div>
		<div class="content_bottom"></div>
        
	     <!-- pie -->
   	    <jsp:include page="libreria/pie.jsp" />
   	    <!-- fin pie   -->
        
	</div>
    <!-- fin contenido derecha -->
</div>

</body>
</html>
